<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>收款单据详情</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <link rel="stylesheet" type="text/css" href="css/detailstyle.css" />
    <style>
        .app_list_txt span {
            font-size: 0.7rem;
            font-weight: bold;
            height: 0.7rem;
            line-height: 0.7rem;
            border-left: solid 2px #289fff;
            padding-left: 10px;
            color: #393939;

        }

        .aui_formitem {
            width: 100%;
        }

        /* .aui_formtitle{
            padding-left: 0px;
        }*/
        .aui_formcontent {
            height: auto;
            line-height: 1.5rem;
            text-align: right;
            overflow: hidden;
        }
        .under_pay_list_erweima_txt {
            margin: 0.5rem auto 0rem auto;
            border: 1px solid #289fff;
            text-align: center;
            width: 90%;
            background: #289fff;
            color: #fff;
            height: 2rem;
            line-height: 2rem;
            border-radius: 30px;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .fee1{
            width: 100%;
            line-height: 20px;
            margin: 10px 0px 5px 0px;
            display: inline-flex;
            /* overflow: hidden; */
        }
        .fee1-1{
            width: 100%;
            height: auto;
            line-height: 1.2rem;
        }
        .fee2{
            width: 100%;
            font-size:0.65rem; 
            color:#999;
            margin-bottom: 10px;
            text-align: right;
            overflow: hidden;
        }
        .fee2-1{
            line-height: 20px;
            margin-top: 5px;
        }
        .fee2-1 span{
            margin-left: 8px;
        }
        .fee2-2{
            line-height: 20px;
            
        }


    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="boxarea mainbox">
            <div class="app_list_txt">
                <span v-if="form.ChargeState==1">收款单信息</span>
                <span v-if="form.ChargeState==2">退款单信息</span>
            </div>
            <div class="feiyongbox">
                <div class="feiyong_total">
                    <div class="total_title">实收金额</div>
                    <div class="total_money">￥{{form.RealCost.toFixed(2)}}</div>
                </div>
                <div class="feiyong_item">
                    <div class="aui_formitem mini_format">
                        <div class="aui_formtitle mini_title">{{form.list.length}}笔账单应收</div>
                        <div class="aui_formcontent mini_content">￥{{form.TotalCost.toFixed(2)}}</div>
                    </div>
                    <div class="aui_formitem mini_format">
                        <div class="aui_formtitle mini_title">优惠</div>
                        <div class="aui_formcontent mini_content">-￥{{form.DiscountCost.toFixed(2)}}</div>
                    </div>
                    <div class="aui_formitem mini_format">
                        <div class="aui_formtitle mini_title">违约金</div>
                        <div class="aui_formcontent mini_content">+￥{{form.BreakTotalCost.toFixed(2)}}</div>
                    </div>
                    <div class="aui_formitem mini_format">
                        <div class="aui_formtitle mini_title">历史已收</div>
                        <div class="aui_formcontent mini_content">-￥{{form.HistoryRealCost.toFixed(2)}}</div>
                    </div>
                    <div class="aui_formitem mini_format">
                        <div class="aui_formtitle mini_title">凑整</div>
                        <div class="aui_formcontent mini_content">+￥{{form.SmallChange.toFixed(2)}}</div>
                        <!-- <div class="aui_formtitle mini_title">抹零</div>
                        <div class="aui_formcontent mini_content">-￥0.56</div>
                        <div class="aui_formtitle mini_title">余额抵扣</div>
                        <div class="aui_formcontent mini_content">-￥0.17/div> -->
                    </div>
                </div>
            </div>
            <div style="margin-top:10px">
                <div class="aui_formitem" v-if="form.ChargeState==2">
                    <div class="aui_formtitle">退款金额</div>
                    <div class="aui_formcontent">
                        ￥-{{form.RealCost.toFixed(2)}}
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle" v-if="form.ChargeState==1">收款方式</div>
                    <div class="aui_formtitle" v-if="form.ChargeState==2">退款方式</div>
                    <div class="aui_formcontent">
                        {{form.ChargeTypeName}}
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle" v-if="form.ChargeState==1">收款人</div>
                    <div class="aui_formtitle" v-if="form.ChargeState==2">退款人</div>
                    <div class="aui_formcontent">
                        {{form.ChargeMan}}
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle" v-if="form.ChargeState==1">收款时间</div>
                    <div class="aui_formtitle" v-if="form.ChargeState==2">退款时间</div>
                    <div class="aui_formcontent">
                        {{form.ChargeTime}}
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle" v-if="form.ChargeState==1">收款单号</div>
                    <div class="aui_formtitle" v-if="form.ChargeState==2">退款款单号</div>
                    <div class="aui_formcontent">
                        {{form.PrintNumber}}
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma" v-if="form.ChargeState==1">
                    <div class="aui_formtitle">收据编号</div>
                    <div class="aui_formcontent">
                        {{form.PrintBookNumber}}
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma" v-if="form.ChargeState==1">
                    <div class="aui_formtitle">发票编号</div>
                    <div class="aui_formcontent">
                        {{form.PrintBookChequeNumber}}
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma" style="border-bottom: unset;">
                    <div class="aui_formtitle">资源位置</div>
                    <div class="aui_formcontent">
                        {{form.FullName}}
                    </div>
                </div>
            </div>
        </div>
        <div class="boxarea mainbox" v-if="form.list!=''">
            <div class="app_list_txt">
                <!-- v-if="form.ChargeState==1" -->
                <span>费用明细</span>
                <!-- <span v-if="form.ChargeState==2">退款单信息</span> -->
            </div>
            <div style="margin-top:10px; border-bottom: solid 1px #eee;" v-for="item2 in form.list">
                <div class="fee1">
                    <div class="aui_formtitle fee1-1" >{{item2.ChargeName}}
                    </div>
                    <div class="aui_formcontent fee1-2" v-if="form.ChargeState==1">
                        ￥{{item2.RealCost.toFixed(2)}}
                    </div>
                    <div class="aui_formcontent fee1-2" v-if="form.ChargeState==2">
                        ￥-{{item2.RealCost.toFixed(2)}}
                    </div>
                </div>

                <div class="fee2" v-if="form.ChargeState==1">
                    <div class="fee2-1" v-if="item2.DiscountCost>0||item2.BreakTotalCost>0">
                        <span v-if="item2.DiscountCost>0" >优惠方案：-￥{{item2.DiscountCost.toFixed(2)}}</span>
                        <span v-if="item2.BreakTotalCost>0">违约金：+￥{{item2.BreakTotalCost.toFixed(2)}}</span>
                    </div>
                    <div class="fee2-2" v-if="item2.timeDesc">计费周期:{{item2.timeDesc}}</div>
                </div>
            </div>
        </div>
        <div v-on:click="do_print()" >
            <div class="under_pay_list_erweima_txt">打印收据</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/analysis_historyfeedetail.js"></script>

</html>